<template>
	<view class="goodsDetails">
		<view class="line">
			<view class="label">商品总额</view>
			<view class="val">￥{{ total }}</view>
		</view>
		<view class="line">
			<view class="label">运费</view>
			<view class="val">￥{{  Info.express_money }}</view>
		</view>
		<view class="line summary">
			<view class="label">实付款</view>
			<view class="val">￥{{ Info.total_amount }}</view>
		</view>
	</view>
</template>

<script>
	import math from '@/utils/calc.js';
	export default {
		name: 'orderDetails',
		computed: {
			total() {
				return math.multiply(this.Info.goods_price, this.Info.total_num);
			},
		},
		props: {
			Info: {
				type: Object,
				default: () => {},
			},
		},
		data() {
			return {};
		},
	};
</script>

<style lang="scss" scoped>
	.goodsDetails {
		width: $connet-width;
		height: auto;
		overflow: hidden;
		background: $content-bg-colcor;
		border-radius: $border-radius;
		margin: $submargin-width auto;

		.line {
			padding: $margin-width 0;
			margin: 0 $margin-width;
			display: flex;
			justify-content: space-between;
			font-size: $uni-font-size-12;
			color: $title-colcor;
		}

		.summary {
			border-top: 1rpx solid $search-border-color;
			font-size: $uni-font-size-14;

			.label {
			}

			.val {
				font-weight: bold;
				color: $price-color;
			}
		}
	}
</style>
